/* 头部导航样式 */
.dashboard-header{
    padding: 5px 10px;
}
.headerNav .logo{
    text-align: center;
}
.headerNav .logo .icon{
    margin-bottom: 5px;
}
.headerNav .logo .icon i{
    font-size: 48px;
    color: #5FB878;
}
.headerNav .logo .progressBar i{
    font-style: normal;
    font-size: 12px;
    margin-bottom:2px;
    display: b
}
.headerNav .logo .progressBar{
    width: 70%;
    display: inline-block;
}
.headerNav .logo .progressBar .progress{
    margin-bottom: 0;
}
.navBar .title{
    margin-bottom: 5px;
}
.navBar .title a{ 
    font-size: 20px;
    color: #444;
}
.navBar .title a:hover{
    color: #1E9FFF;
}
.navBar .layui-nav{
    background: none;
    color: #444;
    padding: 0;
}
.navBar .layui-nav a,
.navBar .layui-nav a:hover{
    color: #444;
    font-size: 16px;
}
.navBar .layui-nav-bar,.navBar  .layui-nav .layui-this:after{
    background-color: #1c8cfc;
}
.navBar .more-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    margin-left: 20px;
}
.navBar .layui-nav .layui-nav-item{
    line-height: 45px;
    margin: 0 5px;
}
.more-dropdown i.fa{
    position: absolute;
    right: 8px;
    top: 7px;
    font-size: 16px;
}
.navBar .more-dropdown input{
    padding: 0px 20px 0px 5px;
}
.layui-nav .layui-nav-item a{
    padding:0 15px;
}


/* 主体 */
.ibox{
    margin-bottom: 10px;
    padding: 10px 10px;
    overflow: auto;
}


.ibox h3 i.percentTag{
    display: inline-block;
    background: #26C409;
    color: #fff;
    padding: 4px 10px;
    font-style: normal;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 5px;
    transform: translateY(-1px);
}
.ibox .infoTable{
	width:100%;
}
.ibox .infoTable td{
    padding:5px 10px;

}


.ibox .infoTable td.title{
    color: #aaa;
    text-align: right;
}
.ibox .infoTable i.cube{
    padding:2px 5px;
    display: inline-block;
    background-color: #ccc;
    border-radius: 3px;
    font-size: 12px;
    font-style: normal;
}
.ibox .infoTable i.cube.gray{
    background-color: #ccc;
}
.ibox .infoTable i.cube.blue{
    background-color: #1E9FFF;
    color: #fff;
}
.ibox .infoTable i.cube.red{
    background-color: #ee0000;
    color: #fff;
}
.ibox .infoTable i.cube.green{
    background-color: #26c409;
    color: #fff;
}
.ibox .infoTable a{
    color: #00ADE6;
}
.ibox .infoTable a:hover{
    color: #FF7D3C;
}

.ibox .buttonBox{
    text-align: right;
    height: 66px;
    padding-top: 18px;
}

.ibox .buttonBox .btn{
    margin-left: 10px;
}

/* 里程碑 */
.ibox .milestone{
    display: flex;
    margin: 15px 0;
}

.ibox .milestone ul{
    display: flex;
    align-items: center;
    width: 100%;
}
.ibox .milestone ul li{
    flex: 1;
    text-align: center;
    justify-content: center;
    justify-items: center;
}
.ibox .milestone ul li .info{
	width:70%;
	display:inline-block;
	vertical-align:middle;
}
.ibox .milestone .milestoneBox{
    border-radius: 4px;
    padding: 20px 10px 5px;
    height: 180px;
}
.ibox .milestone .milestoneBox .icon{
    font-size: 32px;
    margin-bottom: 10px;
}
.ibox .milestone .milestoneBox h4{
    font-size: 18px;
    font-weight: 400;
    margin: 5px auto;
}
.ibox .milestone .milestoneBox p{
    text-align: center;
    width: 75%;
    margin: 2px auto;
    font-size: 12px;
}
.ibox .milestone .milestoneBox p em{
    display: inline-block;
    font-style: normal;
}
.ibox .milestone .green .milestoneBox{
    background-color: #9DE490;
    color: #fff;
}

.ibox .milestone .gray .milestoneBox{
    background: #eee;
    color: #666;
}
.ibox .milestone .milestoneState{
    border:1px solid #ccc;
    padding: 2px 5px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
}
.ibox .milestone .milestoneState.green{
    background: #daf8d5;
    border-color: #26c409;
    color: #26c409;
}
.ibox .milestone .milestoneState.red{
     background: #facece;
    border-color: #ee0000;
    color: #ee0000;
}
.ibox .milestone .milestoneState i{
    color: red;
}
.ibox .milestone .arrow{
    height: 80px;
    font-size: 36px;
    color: #ccc;
	display:inline-block;
	vertical-align:middle;
	width:15%;
	margin-top:60px;
}
.ibox .milestone .arrow.green{
    color: #26c409;
}


/* 视图 */
.row.chart h3{
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-bottom: 5px;
}
.row.chart .ibox{
    min-height: 250px;
    padding: 20px 15px;
}
.row.chart .numInfo{
    margin-bottom: 10px;
}
.row.chart .numInfo p{
    font-weight: 600;
    font-size: 18px;
}
.row.chart .numInfo p.blue{
    color: #00ADE6;
}
.row.chart .numInfo p.green{
    color: #28a745;
}
.row.chart .numInfo p.black{
    color: #333;
}
.row.chart .numInfo p.gray{
    color: #999;
}
.row.chart .numInfo.half{
    display: inline-block;
    width: 49%;
}

.row.chart .numInfo p.progress-text{
    font-size: 12px;
    font-weight: 400;
    color: #666;
}
.row.chart .numInfo .fa-refresh{
    color:#00ADE6 ;
}
.row.chart .numInfo .fa-refresh:hover{
    color:#0482ac ;
}

/* 基准对比 */
.contrast .tableBox{
    margin: 10px 25px;
}
.contrast table td{
    height: 45px;
    min-width: 120px;
    padding: 5px 8px;
}

.contrast table td.right{
    text-align: right;
}
.contrast table td.center{
    text-align: center;
}
.contrast table td.bold{
    font-weight: 600;
}

.contrast table tr.subtotal{
    font-weight: 600;
    background: #fafafa;
}
.contrast table tr.green-bg{
    background-color: #DDFFDD;
}
.contrast table tr.highlight{
    background-color: #FFFFCC;
}
